---
type: tutorial
unitTitle: Créez et déployez votre premier site Astro
title: 'Vérification : Unité 1 - Configuration'
description: >-
  Tutoriel : Construisez votre premier blog Astro —
  Préparez votre environnement de développement, créez et déployez votre premier site Astro
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import { Steps } from '@astrojs/starlight/components';



Maintenant que vous savez ce que vous allez construire, configurons tous les outils dont vous aurez besoin !

Cette unité vous montre comment configurer votre environnement de développement et le déployer sur Netlify. Passez à [Unité 2](/fr/tutorial/2-pages/) si vous êtes déjà à l'aise avec votre environnement et votre flux de travail.

:::tip[Utilisation de StackBlitz]

Vous souhaitez réaliser ce tutoriel dans un éditeur de code en ligne ?
<details>
<summary>Suivez ces instructions, puis passez directement à l'unité 2 !</summary>

**Configuration de StackBlitz**

<Steps>
1. Visitez [astro.new](https://astro.new) et cliquez sur le bouton pour ouvrir le modèle "Empty Project" dans StackBlitz.

2. Cliquez sur "Sign in" en haut à droite pour vous connecter en utilisant vos identifiants GitHub.

3. En haut à gauche de la fenêtre de l'éditeur StackBlitz, cliquez sur "fork" le modèle (enregistrer dans le tableau de bord de votre compte).

4. Attendez que le projet se charge, et vous verrez un aperçu en direct du modèle de “Empty Project”.
</Steps>
  
**Apportez une modification**

Dans le volet des fichiers, vous devriez voir `src/pages/index.astro`. Cliquez pour l'ouvrir, et suivez [Écrivez votre première ligne Astro](/fr/tutorial/1-setup/3/) pour apporter une modification à ce fichier.

**Créez un dépôt GitHub**
  
<Steps>
1. Appuyez sur le bouton <kbd>Connect Repository</kbd> en haut de votre liste de fichiers, saisissez un nouveau nom pour votre dépôt, puis cliquez sur <kbd>Create repo & push</kbd>.

2. Lorsque vous avez des modifications à valider sur GitHub, un bouton “Commit” apparaîtra en haut à gauche de votre espace de travail. En cliquant dessus, vous pourrez saisir un message de validation et mettre à jour votre dépôt.
</Steps>
  
**Déployez votre site**

Si vous souhaitez déployer sur Netlify, passez à [Déployez votre site sur le web](/fr/tutorial/1-setup/5/).
Sinon, passez à l'[Unité 2](/fr/tutorial/2-pages/) pour commencer à créer avec Astro !

</details>
:::

## Où allons-nous ?

Dans cette unité, vous allez **créer un nouveau projet** qui est **stocké en ligne sur GitHub** et **connecté à Netlify**.

En écrivant du code, vous validerez périodiquement vos modifications sur GitHub. Netlify utilisera les fichiers de votre dépôt GitHub pour construire votre site web, puis le publiera sur Internet à une adresse unique où tout le monde pourra le consulter.

Chaque fois que vous validez une modification sur GitHub, une notification sera envoyée à Netlify. Ensuite, Netlify reconstruira automatiquement votre site pour refléter ces modifications.



<Box icon="check-list">
## Liste de contrôle

<Checklist>
- [ ] Préparons-nous à construire un projet Astro !
</Checklist>
</Box>
